<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="../css/bootstrap.css"/>
		<link rel="stylesheet" href="../css/bootstrap-icons.css"/>
		<script src="../js/bootstrap.bundle.js"></script> -->
	</head>
	<style>
		.k1{
			width: 20px;
		}
		.k2{
			width: 100px;
		}
		.k3{
			width: 20px;
		}
		.k4{
			width: 100px;
		}
		.k5{
			width: 600px;
		}
		.k6{
			width: 700px;
		}
		button{
			background-color: #169BD5;
			color: #fff;
			box-shadow: 20px;
			border-radius: 7px;
			border-style: none;
			margin-top: 12px;
		}
		.buttons{
			background-color: #D9001B;
		}
		
		a{
			text-decoration: none;
			color: #333333;
		}
		.p2{
			width: 1400px;
			height: 50px;
			background-color: #f2f2f2;
			
		}
		.a2{
			width: 200px;
			background-color: #F2F2F2;
		}
		.a2 .container{
			height: 930px;
		  margin-top: 0	;
		}
		td{
			width: 400px;
		}
		div{
		   float: right;
		}
		.p1{
			background-color: #f2f2f2;
		
		}
		.p2{
			width: 1330px;
			height: 50px;
			background-color: #f2f2f2;
			
		}
		.bf{
			width: 1340px;
			height: 150px;
		}
		.z .bf table td div input{
			border-radius: 4px;
			margin-top: 18px;
			font-size: 10px;
			width: 235px;
			height: 22px;
			 border: 1px solid #666;
		}
		.z{
			font-size: 3px;
			width: 1266px;
		}
		.z  .dd1  table tr:nth-child(2n-1){
			background-color: #F2F2F2;
			
		}
		.z  .dd1  table {
			border: 1px solid #D7D7D7;
		}
		.z .dd1 table tr td {
					 height: 23px;
					 }
		
		
		#mask{
			background-color: rgba(0, 0, 0, .5);
			/* 撑满全屏:使用固定定位定位且四个方向值都为08 */
			position: fixed;
			top:0;
			bottom: 0;
			left: 0;
			right: 0;
			display: none;
		}
		.marsk .bg{
			width: 850px;
			height: 1800px;
				background-color: #fff;
			/* border: 1px solid #666; */
			position: absolute;
			/* 四个方向全为0,然后居中 */
			top:0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
	
	
	
	
	
	
	
	.mask{
		background-color: rgba(0, 0, 0, .5);
		/* 撑满全屏:使用固定定位定位且四个方向值都为08 */
		position: fixed;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		display: none;
	}
	/* 登录框 */
	.mask .login{
		width: 600px;
		height: 520px;
		background-color: #fff;
		padding: 20px;
		/* 当一个明确宽高的子元素使用绝对定位四个方向的值为0,可以结合margin:auto;
		实现在父元素中的水平居中 */
		/* 脱离文档流 */
		position: absolute;
		/* 四个方向全为0,然后居中 */
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	/* 为登录框的input做统一样式设置 */
	.mask .login input{
		width: 100%;
		height: 30px;
		padding: 0 10px;
		margin-top: 20px;
		/* 变成盒子模型 */
		box-sizing: border-box;
	}
	</style>
	<body>
		
		<div class="z">
			<div class="bf">
				<table>
					<tr>
						<td><div>项目编码:<input type="text" /></div></td>
						<td><div>项目名称:<input type="text" /></div></td>
						<td><div>合同名称:<input type="text" /></div></td>
						<td><div>项目类型:<input type="text" /></div></td>
						
					</tr>
					<tr>
						<td><div>签订日期:<input type="text" /></div></td>
						<td><div>项目编码:<input type="text" /></div></td>
						<td><div>项目名称:<input type="text" /></div></td>
						<td><div>创建人:<input type="text" /></div></td>
						
					</tr>
					<tr>
						<td><div>创建起止日期:<input type="text" /></div></td>
						<td><div>状态:<input type="text" /></div></td>
						<td></td>
						<td><button>查询</button>      <button>重置</button></td>
						
					</tr>
				</table>
			</div>
			<div class="p2">
			<button id="new1">新建</button> 
			<button>修改</button>    
			<button class="buttons">删除</button>    
			<button>导入</button>    
			<button>导出</button>
			</div>
			
		<iframe src="../03_删除员工.html" width="100%" height="455px" frameborder="0"></iframe>
			
				<div>
					<button style="width: 40px;height: 20px;"><</button>
					<button>1</button>
					<button>2</button>
					<button>3</button>
					<button>4</button>
					<button>5</button>
					<button>...</button>
					<button style="width: 40px;height: 20px;">></button>
					<button style="width: 60px;height: 20px;">15条/页 ∨</button>
					<span>跳至</span>
					<button style="width: 60px;height: 20px;">......</button>
				</div>
		</div>
		<script>
		new1.onclick=function(){
			mask.style.display='block'
		qn2.onclick=function(){
			mask.style.display='none'
		}
		}
	   </script>
			<div class="mask" id="mask">
				<div class="login">
					<iframe src="__xiangmuxinxidengji.html" width="100%" height="455px" frameborder="0"></iframe>
				
				<div  id="qn2">
					<button   style="width: 100px; height: 20px;line-height: 20px;">取消</button>
					<button style="width: 100px; height: 20px;line-height: 20px;" >保存</button>
					<button style="width: 100px; height: 20px;line-height: 20px;">送审</button>
				</div>
				</div>
			</div>
	</body>
</html>